<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
		<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
		<link href="https://fonts.googleapis.com/css?family=Cousine|Inconsolata" rel="stylesheet">
		{% if jekyll.environment == 'production' %}
		<link rel="shortcut icon" type="image/png" href="/favicon.png">
		{% else %}
		<link rel="shortcut icon" type="image/png" href="/favicon.png">
		{% endif %}

		{% if jekyll.environment == 'production' %}
		<link rel="stylesheet" href="/css/style.css">
		<script src="/js/main.js"></script>
		{% else %}
		<link rel="stylesheet" href="/css/style.css">
		<script src="/js/main.js"></script>
		{% endif %}

		{% seo %}

		{% if jekyll.environment == 'production' %}
			<script>
				(function(i,s,o,g,r,a,m){i["GoogleAnalyticsObject"]=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
				m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,"script","//www.google-analytics.com/analytics.js","ga");
				ga("create", "{{ site.google_analytics_key }}", "auto");
				ga("send", "pageview");
			</script>
		{% endif %}
	</head>
	<body>
		<header>
			<h1>
				{% if jekyll.environment == 'production' %}
					<a href="#top"><img src="/images/logotype_white.svg" height="40" alt="{{ site.title }} logo"></a>
				{% else %}
					<a href="#top"><img src="/images/logotype_white.svg" height="40" alt="{{ site.title }} logo"></a>
				{% endif %}
				<a href="#top" class="logo-link"></a>
				<button type="button" class="open-nav" id="open-nav"></button>
			</h1>

			{% if jekyll.environment == 'production' %}
				<form action="/search" method="get">
					<input type="text" name="q" id="search-input" placeholder="Search">
					<input type="submit" value="Search" style="display: none;">
				</form>
			{% else %}
				<form action="/search" method="get">
					<input type="text" name="q" id="search-input" placeholder="Search">
					<input type="submit" value="Search" style="display: none;">
				</form>
			{% endif %}

			{% include sidebar.html %}

			<!--<p class="copyright">-->
				<!--<a href="https://steemit.com.com/">-->
				  <!--steemit-->
				<!--</a>-->
			<!--</p>-->
			<link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
		</header>
		<div class="main" id="top">
			<div class="hero">
				<h1 class="hero__h1">Steem Developer Portal {% if page.section %} - {{ page.section }}{% endif %}</h1>
				{% if jekyll.environment == 'production' %}
				<img class="hero__img" src="/images/hero.png">
				{% else %}
				<img class="hero__img" src="/images/hero.png">
				{% endif %}
			</div>
			{{ content }}
		</div>
		<script>
			document.getElementById("open-nav").addEventListener("click", function () {
				document.body.classList.toggle("nav-open");
			});
		</script>
	</body>
</html>

{% if jekyll.environment == 'production' %}
<script src="/js/adjust.js"></script>
{% else %}
<script src="/js/adjust.js"></script>
{% endif %}
